<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>借钱贷</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/font/iconfont.css" />
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
    <style>
    body,
    html {
        background: #f3f3f3;
    }

    .head-box {
        background: #fff;
        padding-bottom: 20px;
        box-shadow: 0 1.5px 2.5px 2.5px rgba(252, 197, 16, 0.1);
        z-index: 5;
        text-align: left;
    }

    .jx {
        width: 100%;
        height: 80px;
        /*background: #fff url(../../image/audit/arrow.jpg) no-repeat bottom center;*/
        background: #fbdb0a;
        background-size: 100%;
        box-sizing: content-box
    }


    .head-img {
        margin-top: -40px;
    }

    .modify {
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 55px;
        right: 40px;
        background: #34353a;
        color: #fff;
        text-align: center;
        line-height: 50px;
        border-radius: 50%;
    }

    .modify i {
        font-size: 30px
    }

/*    .aui-list {
        background-size: 100% 0;
    }*/

    .vip-box {
        background: #72d3fd;
        padding: 2px 5px;
        margin-left: 10px;
        font-size: 8px;
        color: #fff;
        border-radius: 0.066667rem;
    }

    .head-box img {
        width: 90px;
        height: 90px;
        margin-left: 40px;
        border-radius: 50%;
        overflow: hidden;
    }

    .username {
        font-size: 16px;
        color: #000;
        margin-top: 10px;
        margin-left: 60px;
    }

    .userdetail {
        margin-top: 40px;
        margin-left: 60px;
        padding-right: 50px;
        color: #8f8f8f;
        line-height: 20px;
        font-size: 16px;
    }

    .other {
        padding-top: 2.5px;
        background: #fff;
        text-align: left;
    }

    .other-cell {
        height: 65px;
    }

    .exit {
        height: 50px;
        margin-top: 25px;
        background: #fff;
        font-size: 14px;
        color: #ff4d51;
        line-height: 50px;
        text-align: center;
    }
    </style>
</head>

<body>
    <div class="wrap-head" id="personal" v-cloak>
        <div class="head-box">
            <div class="jx"></div>
            <div class="head-img">
                <img src="../../image/audit/head.png">
                <p class="username">Admin<span class="vip-box">年度会员</span></p>
                <p class="userdetail">简介：对方很懒什么都没留下</p>
            </div>
            <span class="modify"><i class="iconfont icon-bianjibijishishouxie"></i></span>
        </div>
        <div class="aui-content aui-margin-b-15 other">
            <ul class="aui-list aui-list-in">
                <li class="aui-list-item aui-list-item-middle other-cell">
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-title">给App评论</div>
                    </div>
                </li>
                <li class="aui-list-item other-cell">
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-title">意见反馈</div>
                    </div>
                </li>
                <li class="aui-list-item other-cell" @click="copyRight()">
                    <div class="aui-list-item-inner aui-list-item-arrow">
                        <div class="aui-list-item-title">版本号</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="exit" @click="exit">退出登录</div>
    </div>
</body>
<script src="../../script/api.js"></script>
<script>
apiready = function() {}

var vm = new Vue({
	el: '#personal',
    data: {},
    methods: {
        exit: function() {
            api.openWin({
                name: 'login',
                url: 'login.html'
            });
        },
        copyRight: function() {
            var that = this
            $api.confirm('版本号:V1.0.1版本')
        }
    },
    mounted: function() {}
})
</script>

</html>